import styles from './index.module.less'
import classNames from 'classnames'
import React, { FC } from 'react'

const loading: FC<{ noBorder: boolean; modal: boolean }> = (props) => (
  <div className={styles['xes-motai-loading-container']}>
    <div className={styles['xes-motai-loading__box']}>
      <div className={styles['xes-motai-loading__box__mover']}></div>
      <div className={styles['xes-motai-loading__box__circle']}></div>
      <div className={styles['xes-motai-loading__box__monkey']}></div>
      <div className={styles['xes-motai-loding_text']}>
        {' '}
        <span>正在加载</span>
      </div>
      {props.modal && (
        <>
          <div className={styles['xes-motai-modal']}></div>
          <div className={styles['xes-motai-screen-modal']}></div>
        </>
      )}
    </div>
  </div>
)

export default loading
